<?php
session_start();
include "/tablas/util.php";
$dateTime = new DateTime();
$dateTime->modify('first day of this month');
$fecha_desde = $dateTime->format('Y-m-d 00:00:00');
$fecha_hasta = util::FechaActual();
$fechas = $fecha_desde . "/" . $fecha_hasta;
?>
<script>
    fechas = <?php echo json_encode($fechas); ?>;
</script>
<html lang="es">
    <head>
        <?php include "/header.php"; ?>
        <!--En cada formulario importaremos el respectivo js para realizar las respectivas funciones-->
        <!--CRUD-->
        <script src="js/funciones_ProductoReportes.js"></script>
    </head>
    <script>

//        $('#exampleModal').on('show.bs.modal', function(event) {
//            var button = $(event.relatedTarget) // Button that triggered the modal
//            var recipient = button.data('whatever') // Extract info from data-* attributes
//            // If necessary, you could initiate an AJAX request here (and then do the updating in a callback).
//            // Update the modal's content. We'll use jQuery here, but you could use a data binding library or other methods instead.
//            var modal = $(this)
//            modal.find('.modal-title').text('New message to ' + recipient)
//            modal.find('.modal-body input').val(recipient)
//        })
    </script>

    <body>
     <nav class="navbar navbar-default">
            <div class="container-fluid">
                <!-- Brand and toggle get grouped for better mobile display -->
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <a class="navbar-brand" href="index.php">Inicio</a>
                </div>

                <!-- Collect the nav links, forms, and other content for toggling -->
                <nav class="navbar navbar-default">
                    <div class="container-fluid">
                        <!-- Brand and toggle get grouped for better mobile display -->
                        <div class="navbar-header">
                            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                                <span class="sr-only">Toggle navigation</span>
                                <span class="icon-bar"></span>
                                <span class="icon-bar"></span>
                                <span class="icon-bar"></span>
                            </button>
                            <a class="navbar-brand" href="index.php">Inicio</a>
                        </div>

                        <!-- Collect the nav links, forms, and other content for toggling -->
                        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                            <ul class="nav navbar-nav">

                                <?php
                                $rol_name = isset($_SESSION["rol_descripcion"]) ? $_SESSION["rol_descripcion"] : null;
                                if (util:: getMenuAdministracionGestionUsuarios($rol_name)) {
                                    ?>

                                    <li class="dropdown">
                                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Gestion Usuarios <span class="caret"></span></a>
                                        <ul class="dropdown-menu" role="menu">

                                            <li><a href="usuarios.php">Registrar Usuarios</a></li>
                                            <li><a href="roles.php">Crear Roles</a></li>
                                            <li><a href="usuarios_roles.php">Asiganr Roles a Usuarios</a></li>
                                            <li><a href="roles_tareas.php">Asignar Permisos (Segun Roles)</a></li>
                                        </ul>
                                    </li>

                                <?php }
                                ?>
                                <?php
                                $rol_name = isset($_SESSION["rol_descripcion"]) ? $_SESSION["rol_descripcion"] : null;
                                if (util:: getMenuAdministracionGestionUsuarios($rol_name)) {
                                    ?>
                                    <li class="dropdown">
                                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Gestion Productos <span class="caret"></span></a>
                                        <ul class="dropdown-menu" role="menu">
                                            <li><a href="producto.php">Ingresar Productos</a></li>
                                            <li><a href="producto_stock.php">Stock de Productos</a></li>
                                        </ul>
                                    </li>
                                <?php }
                                ?>
                                <?php
                                $rol_name = isset($_SESSION["rol_descripcion"]) ? $_SESSION["rol_descripcion"] : null;
                                if (util:: getMenuAdministracionGestionUsuarios($rol_name)) {
                                    ?>
                                    <li class="dropdown">
                                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Gestion Compras <span class="caret"></span></a>
                                        <ul class="dropdown-menu" role="menu">
                                            <li><a href="proveedor.php">Ingresar Proveedores</a></li>
                                        </ul>
                                    </li>
                                <?php }
                                ?>
                                <?php
                                $rol_name = isset($_SESSION["rol_descripcion"]) ? $_SESSION["rol_descripcion"] : null;
                                if (util:: getMenuAdministracionGestionUsuarios($rol_name) || util::getMenuAdministracionGestionVendedores($rol_name)) {
                                    ?>
                                    <li class="dropdown">
                                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Gestion Ventas <span class="caret"></span></a>
                                        <ul class="dropdown-menu" role="menu">
                                            <li><a href="cliente.php">Registrar Clientes</a></li>
                                            <li><a href="ventas.php">Registrar Ventas</a></li>
                                            <li><a href="realizarFactura.php">Facturacion</a></li>

                                        </ul>
                                    </li>

                                <?php }
                                ?>
                                <?php
                                $rol_name = isset($_SESSION["rol_descripcion"]) ? $_SESSION["rol_descripcion"] : null;
                                if (util:: getMenuAdministracionGestionUsuarios($rol_name)||util:: getMenuAdministracionGestionSupervisore($rol_name)) {
                                    ?>
                                    <li class="dropdown">
                                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Reportes <span class="caret"></span></a>
                                        <ul class="dropdown-menu" role="menu">
                                            <li><a href="reporteProductosAgotados.php">Productos Agotados</a></li>
                                            <li><a href="reporteVentasProductosFechas.php">Productos Vendidos por Fecha</a></li>
                                            <li><a href="usuarioVentasReporte.php">Ventas por Usuario</a></li>

                                        </ul>
                                    </li>
                                <?php }
                                ?>
                            </ul>

                            <ul class="nav navbar-nav navbar-right">
                                <li class="dropdown ">
                                    <a href="#" class="dropdown-toggle link-current-user" data-toggle="dropdown">
                                        <img src="/fv/themes/truulo/images/demo/avatar1_small.jpg" alt="">
                                        <span class="username"><?php echo (isset($_SESSION["session_username"]) && $_SESSION["session_username"]) ? $_SESSION["session_username"] : "Invitado" ?></span>
                                        <b class="caret"></b>
                                    </a>

                                    <ul class="dropdown-menu extended logout">
                                        <?php if ((isset($_SESSION["session_username"]) && $_SESSION["session_username"])) { ?>
                                            <li><a href="cerrarsesion.php"><i class="icon-key"></i>&nbsp;&nbsp;Cerrar Sesión</a></li>
                                        <?php } else {
                                            ?>
                                            <li><a href = "login.php"><i class = "icon-key"></i>&nbsp;&nbsp;
                                                    Iniciar Sesion</a></li>
                                        <?php } ?>

                                    </ul>
                                </li>
                            </ul>
                        </div>
                    </div>
                </nav>

            </div>
        </nav>


        <div class="col-md-12">
            <div class="panel panel-danger">

                <div class="panel-body">

                    <div class="row">
                                        
                        <div class="col-md-12">
                            <div class="panel panel-danger">
                                <div class="panel-heading">
                                    <h3  class="panel-title">Reporte Ventas Productos</h3>
                                </div>
                                <div class="panel-body">
                                    <!--ESTE DIV EVITA Q S SALGA DELOS DEMAS DIV SIEMPRE PONDRAS XFA-->
                                    <div style="overflow:auto"> 
                                        <div class="col-md-12">
                                            <p>
                                            <div class="span3">
                                                <div class="control-group">
                                                    <label class="control-label" for="fechas_filter">Producto</label>
                                                    <div class="controls">
                                                        <input class="form-control" placeholder="Producto" name="ProductoStock[id_producto]" required id="ProductoStock_id_producto" type="text" maxlength="45">                                      

                                                    </div>
                                                    <label class="control-label" for="fechas_filter">Fechas</label>
                                                    <div class="controls">
                                                        <input type="text" id="fechas_filter" class="form-control hasDatepicker" readonly>
                                                    </div>
                                                </div>
                                            </div>
                                           
                                            <div class = "row-fluid">
                                                <div id="content_repo_rankingProductosColumn" class="hidden">
                                                    <div id='rankingProductosColumn' class="row-fluid">
                                                    </div>
                                                    <div id="rankingProductosColumnEmpty" class = "hidden alert alert-block alert-info fade in">
                                                        <center>
                                                            <h4 class = "alert-heading">Alerta!</h4>
                                                            <p>
                                                                No existe datos: Productos Ventas

                                                            </p>
                                                        </center>
                                                    </div>
                                                </div>

                                            </div>

                                        </div>
                                    </div>                        
                                </div>                        


                            </div>

                        </div>                        
                    </div>                        
                </div>                        


            </div>
        </div>

    </body>

</html>